<template>
  <div>
    <div>实施概况</div>
    <div class="top">
    <el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>今日支付金额(元)</span>
  </div>
  <h1>0.00</h1>
  <div>昨日：0.00</div>
</el-card>

<el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>今日支付订单数</span>
  </div>
  <h1>0</h1>
  <div>昨日：0</div>
</el-card>

<el-card class="box-card">
  <div slot="header" class="clearfix">
    <span>今日新增用户数</span>
  </div>
  <h1>0</h1>
  <div>累计：69</div>
</el-card>
   </div>
   <!-- 待办事项 -->
<div>待办事项</div>
<div class="center">
<el-card class="box-card2">
  <div slot="header" class="clearfix">
    <span>待付款订单</span>
  </div>
  <h1>0.00</h1>
  <div>昨日：0.00</div>
</el-card>
<el-card class="box-card2">
  <div slot="header" class="clearfix">
    <span>待发货订单</span>
  </div>
  <h1>0.00</h1>
  <div>无新订单需要处理</div>
</el-card>

<el-card class="box-card2">
  <div slot="header" class="clearfix">
    <span>售后维权</span>
  </div>
  <h1>0.00</h1>
  <div>无新订单需要处理</div>
</el-card>

<el-card class="box-card2">
  <div slot="header" class="clearfix">
    <span>已售罄管理</span>
  </div>
  <h1>0</h1>
  <div>无新商品需要处理</div>
</el-card>

</div>
<div>常用功能</div>
<div class="buttom">
<el-card class="box-card3">
  <h1><img src="" alt=""></h1>
  <div>发布商品</div>
</el-card>
<el-card class="box-card3">
  <h1><img src="" alt=""></h1>
  <div>快速发货</div>
</el-card>
<el-card class="box-card3">
  <h1><img src="" alt=""></h1>
  <div>用户管理</div>
</el-card>
<el-card class="box-card3">
  <h1><img src="" alt=""></h1>
  <div>微信公众号</div>
</el-card>
</div>



  </div>
</template>

<script>
export default {
  data() {
    return{
      
    }
  },
  methods: {
  }
};
</script>


<style scoped>
.top{
 background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.box-card{
  width:33%
}
.center{
 background-color: #fff;
  display: flex;
  justify-content: space-between;
}
.box-card2{
  width:25%
}
.buttom{
 background-color: #fff;
  display: flex;
  justify-content: flex-start;
}
.box-card3{
  width:160px;
}
</style>